/* toolBar */
.toolBar{
   height: 30px;
   background-color: #f7f7f7;
   border-top: 1px solid rgb(255, 255, 255);
   border-bottom: 1px solid rgb(233, 233, 233);
   font-family: 'Microsoft YaHei';
}

.toolBar .left>li>a,
.toolBar .right>li>a
{
   color: #666;
   height: 32px;
   line-height: 32px;
   padding: 0 10px;
   display: inline-block;
}

.toolBar .right li:first-child a:first-of-type{
   padding-left: 0;
}

.toolBar .left span{
   height: 32px;
   line-height: 32px;
   color: #8d8d8d;
}

.toolBar .left .webSite{
   width: 225px;
   top: 30px;
   left: -2px;
   border:2px solid rgb(233, 233, 233); 
   border-top: none;
   padding: 5px 20px;
   display: none;
   z-index: 10;
   background: white;
}

.toolBar .left .webSite a{
   display: inline-block;
   width: 100px;
   padding: 0 5px;
   color: #666; 
}

.toolBar .d-arrow,
.toolBar .r-arrow{
   display: inline-block;
   font-size: 10px;
   color: #ccc;
   vertical-align: middle;
}

.toolBar .d-arrow{
   margin-left: 10px;   
}

.toolBar .r-arrow{
   vertical-align:1px;
}

.toolBar .left li:nth-child(2)>a
{
   color: #ff3d3d;
}

.toolBar .left>li:first-child::after,
.toolBar .right>li::after
{
   display: inline-block;
   content: "|";
   color: rgb(233, 233, 233);
   margin-right: -2px;
}

.toolBar .right li:last-child::after
{
   content: none;
}

.toolBar .right .mybl
{
   top: 30px;
   left: -2px;
   width: 75px;
   border: 2px solid rgb(233, 233, 233);
   border-top: none;
   padding: 0 10px;
   background-color: #fff;
   z-index: 20;
   display: none;
}

.toolBar .right .mybl a
{
   display: inline-block;
   padding-top: 10px;
   color: #666;
}

.toolBar .right .pay
{
   top: 31px;
   left: 50%;
   margin-left: -240px;
   width: 450px;
   padding: 15px;
   border: 2px solid rgb(233, 233, 233);
   border-top: none;
   background-color: #fff;
   z-index: 20;
   display: none;
}

.toolBar .right .pay>dl
{
   width: 100px;
   height: 126px;
   padding: 5px;
   border-right: 1px dotted rgb(233, 233, 233);
}

.toolBar .right .pay>dl:last-child
{
   border-right: none;
}

.toolBar .right .pay dt
{
   line-height: 26px;
   height: 30px;
   font-weight: 700;
   font-size: 14px;
   color: #333;
   padding: 0 10px;
}

.toolBar .right .pay dd
{
   color: #666;
   height: 24px;
   padding: 0 10px;
}

.toolBar .right .pay dd>a
{
   color: #666;
}

.toolBar .left .webSite a:hover,
.toolBar .right .pay a:hover
{
   color:#ff3d3d;
   text-decoration: none;
}

.toolBar .right .handBl
{
   top: 31px;
   left: 50%;
   margin-left: -214px;
   width: 310px;
   border: 2px solid rgb(233, 233, 233);
   border-top: none;
   background-color: #fff;
   z-index: 10;
   display: none;
}

.toolBar .right .handBl>li
{
   margin-left: 8px;
   width: 141px;
   text-align: center;
   padding: 20px 0 4px;
}

.toolBar .right .handBl .imgWe,
.toolBar .right .handBl .imgApp
{
   margin-left: 20px;   
}

.toolBar .right .handBl img
{
   display: block;
   width: 100px;
   height: 100px;
}

.toolBar .right .handBl span
{
   display: inline-block;
   text-align: center;
   line-height: 20px;
   color: #ff6f6f;
}

.toolBar .right .handBl span:first-of-type
{
   color: #666;
   margin-top: 10px;
   font-size: 14px;
}


.toolBar .left li:nth-child(2):hover,
.toolBar .right>li:hover
{
   background-color: #fff;
   border-left: 2px solid rgb(233, 233, 233);
   border-right: 2px solid rgb(233, 233, 233);
   box-sizing: border-box;
}

.toolBar .left li>a:hover,
.toolBar .right li:nth-child(2)>a:hover,
.toolBar .right li:nth-child(3)>a:hover,
.toolBar .right li:nth-child(4)>a:hover,
.toolBar .right li:nth-child(5)>a:hover,
.toolBar .right li:nth-child(6)>a:hover,
.toolBar .right li:nth-child(7)>a:hover,
.toolBar .right li:first-child>a:hover
{
   color:#ff3d3d;
   text-decoration: none;
}

.toolBar .left li:nth-child(2):hover .webSite,
.toolBar .right li:nth-child(3):hover .mybl,
.toolBar .right li:nth-child(4):hover .pay,
.toolBar .right li:nth-child(5):hover .server,
.toolBar .right li:nth-child(6):hover .handBl
{
   display: block;
}

/* header */
.header{
   height: 96px; 
}

.headerChild{
   padding: 15px 0;
}

.headerChild>div{
   margin-right: 50px;
}

.header .logo img{
   display: block;
   width: 150px;
   height: 60px;
}

.header .search,
.headerFix .search{
   margin-top: 8px;
}

.header .search>div:first-child,
.headerFix .search>div:first-child{
   border: 2px solid #ff3d3d;
   padding: 0 10px;
}

.header .search input,
.headerFix .search input
{
   display: inline-block;
}

.header .search input:first-child,
.headerFix .search input:first-child
{
   width: 386px;
   height: 31px;
   border: none;
   font-size: 13px;
   color: #A9A9A9;   
}

.header .search input:first-child:focus,
.headerFix .search input:first-child:focus
{
   outline: none; 
}

.header .search .subList, 
.headerFix .search .subList 
{
   font-size: 15px;
   width: 410px;
   border: 1px solid #ccc;
   font-weight: bold;
   display: none;
   top: -35px;
   left: 0;
}

.header .search .subList li, 
.headerFix .search .subList li 
{
   padding: 0 5px;
}

.header .search .subList li:hover,
.headerFix .search .subList li:hover
{
   background-color: red;
}

.header .search .subList .left span,
.headerFix .search .subList .left span,
.header .search .subList .total,
.headerFix .search .subList .total 
{
   color: #ccc;
   font-weight: normal;
}

.header .search input:nth-child(2),
.headerFix .search input:nth-child(2)
{
   width: 85px;
   height: 35px;
   background-color: #ff3d3d;
   border: none;
   font-size: 14px;
   font-weight: bold;
   color: #fff;
   text-align: center;
   line-height: 35px;
   cursor: pointer;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
}

.header>.headerChild>a{
   padding: 0 10px;
   height: 33px;
   border: 1px solid #d7d7d7;
   color: #666;
   line-height: 35px;
   border-radius: 3px; 
   text-align: center; 
   margin-top: 8px; 
}

.header>.headerChild>a:hover{
   border-color: #d64646;
   color: #d64646;
   text-decoration: none;
}

.header .search a,
.headerFix .search a
{
   display: inline-block;
   color: #999;
   text-align: center;
   margin: 5px 5px 0 5px;
}

.header .search a:hover,
.headerFix .search a:hover
{
   color: #d64646;
}

.header .search a:first-child,
.headerFix .search a:first-child
{
   margin-left: 0;
}

.header .search a::before,
.headerFix .search a::before
{
   content: "";
   position: absolute;
   display: inline-block;
   width: 1px;
   height: 18px;
   background-color: #e5e5e5;
   top: 0;
   left: -5px;
}

.header .search a:first-child::before,
.headerFix .search a:first-child::before
{
   display:none;
}

.header .search>.tip{
   width: 375px;
   line-height: 50px;
   top: 35px;
   left:10px;
   background-color: #fff;
   border: 1px solid #ccc;
   box-shadow: 0 3px 3px #eee;
   z-index: 10;
   padding: 5px 0 0 10px;
   font-size: 15px;
   color: #666;
   display: none;
}

.header .search>.historySearch{
   width: 387px;
   line-height: 30px;
   top: 35px;
   left:0;
   background-color: #fff;
   border: 1px solid #ccc;
   z-index: 5;
   padding: 0 10px;
   font-size: 15px;
   color: #666;
   display: none;
}

.header .search>.list{
   width: 387px;
   height: 100px;
   top: 35px;
   left: 0;
   background-color: #fff;
   border: 1px solid #ccc;
   z-index: 2;
   padding: 0 10px;
   display: none;
}



/* nav */
.nav{
   height: 35px;
   border-bottom: 2px solid #151515;
   background: #fff;
   font-family: 'Microsoft YaHei';
}

.nav .left{
   width: 177px;
   background: #151515;
   cursor: pointer;
   height: 35px;
   line-height: 35px;
   color: #fff;
   font-size: 14px;
   padding-left: 13px;
}

.nav .left>span{
   padding-left: 25px;
}

.nav .right a{
   display: inline-block;
   height: 35px;
   line-height: 35px;
   color: #333;
   font-weight: 700;
   font-size: 15px;
   margin:0 18px;
}

.nav .right a:hover{
   color: #ff3d3d;
   text-decoration: none;
}

.nav .right div{
   width: 30px;
   height: 15px;
   top: 0;
   left: 50%;
   margin-left:-15px;
   display: none;
   overflow: hidden;   
   transition: all 2s ease-out;
}

.nav .right .fountain{
   display: block;
   width: 30px;
   height: 30px;
   color: purple;
   font-size: 25px;
}

.nav .right a:hover+div{
   top: -15px;
   display: block;  
}

/* headerFix */

.headerFix{
   top: 0;
   left: 0;
   height: 70px;
   box-shadow: 0 3px 3px #eee;
   background: #fff;
   font-family: 'Microsoft YaHei';
   display: none;
}

.headerFix .left{
   margin-top: 10px;
}

.headerFix .left .classify{
   color: #333;
   text-align: center;
   margin-top: 6px;
   margin-right: 25px;
}

.headerFix .left .classify>.iclassify{
   font-size: 20px;
}

.headerFix .left .img{
   width: 380px;
}

.headerFix .left .img>img{
   display: block;
   width: 120px;
   height: 50px;
}

.headerFix .search{
   margin: 17px auto;
}

.headerFix .right{
   height: 70px;
   line-height: 70px;
}

.headerFix .right a{
   font-size: 15px;
   color:#666;
}

.headerFix .right a:hover{
   color:#ff3d3d;
}

.headerFix .right span{
   display: inline-block;
   margin: 0 10px;
   color:#666;
   vertical-align:2px;
}